@import '../../../css/prefixer.less';

.ie-7 {
  #edit-imce {
    width: 430px;
  }

  #imce-content .form-type-plupload {
    .plupload_filelist {
      .plupload_file_name {
        width: 200px;
      }
    }
  }
}

#imce-content .form-item-thumbnails {
  margin: 10px 0;
}

#imce-content .form-type-plupload {
  .plupload_header,
  .plupload_progress,
  .plupload_upload_status,
  .plupload_button.plupload_start {
    display: none;
  }

  .plupload_filelist_header,
  .plupload_filelist_footer {
    color  : #0e1f43;
    padding: 6px 8px;
    border : 1px solid #a8b9ce;
    .gradient(#d1d7e7, #dee2ed, #d1d7e7);
  }

  .plupload_filelist_header {
    .plupload_file_name,
    .plupload_file_size,
    .plupload_file_status,
    .plupload_file_action {
      &, span {
        font-weight: bold;
      }
    }
  }

  .plupload_filelist_footer {
    line-height   : 20px;
    vertical-align: middle;

    .plupload_file_size,
    .plupload_file_status,
    .plupload_file_action,
    .plupload_upload_status {
      &, span {
        line-height   : 22px;
        vertical-align: middle;
      }
    }
  }

  .plupload_file_name {
    float: left;
    overflow: hidden;
  }

  .plupload_file_action {
    float      : right;
    height     : 16px;
    margin-left: 15px;
    width      : 16px;
  }

  .plupload_file_action * {
    display: none;
    height : 16px;
    width  : 16px;
  }

  .plupload_file_status {
    color: #777;

    span {
      color: #42454a;
    }
  }

  .plupload_file_size,
  .plupload_file_status,
  .plupload_progress {
    float: right;
    width: 80px;
  }

  .plupload_file_size,
  .plupload_file_status,
  .plupload_file_action {
    text-align: right;
  }

  .plupload_container {
    background: url('../images/transp50.png');

    input {
      border: 1px solid #ddd;
      font  : normal 11px "Lucida Grande", Verdana, sans-serif;
      width : 98%;
    }
  }

  .plupload_filelist {
    list-style   : none;
    margin       : 0;
    padding      : 0;
    border       : 1px solid #e0e3e5;
    border-top   : 0;
    border-bottom: 0;

    .plupload_file_name {
      width: 205px;
    }

    li {
      background   : #f5f5f5 url(../images/backgrounds.gif) repeat-x 0 -156px;
      border-bottom: 1px solid #ddd;
      padding      : 10px 8px;

      &.plupload_droptext {
        background     : transparent;
        border         : 0;
        line-height    : 127px;
        list-style-type: none;
        text-align     : center;
        vertical-align : middle;
      }

      &.plupload_delete a {
        background: url(../images/delete.gif);
      }

      &.plupload_failed a {
        background: url(../images/error.gif);
        cursor    : default;
      }

      &.plupload_done a {
        background: url(../images/done.gif);
        cursor    : default;
      }

      &.plupload_uploading {
        background: #ecf3dc url(../images/backgrounds.gif) repeat-x 0 -238px;
      }

      &.plupload_done {
        color: #aaa;
      }
    }
  }

  .plupload_button {
    background     : none;
    border         : none;
    color          : #42454a;
    font           : bold 11px/18px "Lucida Grande", Verdana, sans-serif;
    margin-right   : 4px;
    outline        : 0;
    padding        : 2px 8px 2px 23px;
    vertical-align : middle;
    text-decoration: none;

    .border-radius(4px);
    .display-inline-block();

    &.plupload_add {
      background: url(../images/add.png) no-repeat 8px 50%;

      &:hover {
        background-color: #e9ecef;
      }
    }

    &.plupload_start {
      background: url(../images/up_arrow.png) no-repeat 8px 50%;

      &:hover {
        background-color: #e9ecef;
      }

      &.plupload_disabled {
        background: url(../images/up_arrow_disabled.png) no-repeat 8px 50%;
      }
    }

    &.plupload_disabled {
      cursor: default;
      color : #737373;

      &:hover {
        background-color: transparent;
      }
    }
  }

  .plupload_scroll {
    .plupload_filelist_header,
    .plupload_filelist_footer {
      .plupload_file_action {
        margin-right: 17px;
      }
    }

    .plupload_filelist {
      background: none;
      height    : 147px;
      overflow-y: scroll;
    }
  }

  .plupload_progress_container {
    background: #fff;
    border    : 1px solid #ccc;
    margin-top: 3px;
    padding   : 1px;
  }

  .plupload_progress_bar {
    background: #cdeb8b;
    height    : 7px;
    width     : 0;
  }

  .plupload_clear,
  .plupload_clearer {
    clear: both;
  }

  .plupload_clearer,
  .plupload_progress_bar {
    display    : block;
    font-size  : 0;
    line-height: 0;
  }
}
